﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>广东省学生健康体检数据中心</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="Scripts/index.js" type="text/javascript"></script>
    <style type="text/css">
        .button {
            padding: 4px 10px 3px 25px;
            border: solid 1px #8AB134;
            position: relative;
            cursor: pointer;
            display: inline-block;
            background-image: url( 'Image/bkg.png' );
            background-repeat: repeat-x;
            font-size: 11px;
            height: 16px;
            text-decoration: none;
            color: #40740D;
            -moz-border-radius-bottomleft: 5px;
            -moz-border-radius-bottomright: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
        }
        .button img {
            position: absolute;
            top: -4px;
            left: -12px;
            border: none;
        }
        .button:hover {
            color: #8AB134;
        }
        input, textarea {
            display: block;
            margin-bottom: 10px;
            width: 300px;
        }
    
    .main-inner {
        width: 900px;
        height: 440px;
        overflow: visible;
        margin: 0 auto;
        position: relative;
        clear: both;
        }
    .header {
        width: 800px;
        height: 64px;
        position: relative;
        margin: 0 auto;
        z-index: 2;
        margin-bottom:6px;
        }
     .footer {
        height: 65px;
        margin: 0 auto;
        background: #f7f7f7;
        text-align:center;
        font-size:13px;
        }
        .headerLogo {
            top: 17px;
            left: 0px;
        }
        .headerIntro {
height: 28px;
width: 144px;
display: block;
background-position: 0 -64px;
top: 17px;
left: 144px;
}
.unvisi {
visibility: hidden;
}  

.footer-inner {
width: 900px;
height: 63px;
overflow: visible;
margin: 0 auto;
color: #848585;
position: relative;
background: #f7f7f7;
}
.footerLogo {
top: 11px;
left: 35px;
}
.footerNav {
top: 25px;
right: 126px;
}
h1{
   font-size:24px;
   color:black;	
}  
    </style>
    <script type="text/javascript">

          $(document).ready(function () {
              $(".button").hover(function () {
                  $(".button img")
                .animate({ top: "-10px" }, 200).animate({ top: "-4px" }, 200) // first jump
                .animate({ top: "-7px" }, 100).animate({ top: "-4px" }, 100) // second jump
                .animate({ top: "-6px" }, 100).animate({ top: "-4px" }, 100); // the last jump
              });
          }); 
    
    </script>
</head>

<body style="padding-top: 48.5px; margin:0px;background-image: url(icon/bg.jpg); background-repeat:repeat;">
<div class="header">
    <h1 class="headerLogo"><img style="margin-bottom:10px" src="Image/1.png" width="56px" height="56px" alt="广东省学生健康体检数据中心">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" style="text-decoration:none; color:Black" target="_self" title="广东省学生健康体检数据中心">广东省学生健康体检数据中心</a></h1>
</div>
<div style="background-image: url(Image/130227_jimmy3_bg.jpg);background-position: 0% 0%; background-repeat:repeat no-repeat;">

            <div class="main-inner" style="background-image: url(image/login.jpg); background-position:center; background-repeat: no-repeat no-repeat; height:440px; width:900px">
                <div style="width:222px; position: absolute; right: 130px; top: 200px;">
            <form action="" method="post">
<input type="text" name="username" class="username"  />
<input type="password" name="password" class="password" />
<div class="forget"><a href="#"></a></div>
<div class="checkbox">
<input id="check" name="checkbox" type="checkbox" value="1" />
</div>
                    <p>
                        <a class="button" href="#" style="font-size:12px;">
                            <img src="Image/button.png" alt="" />登录</a>
				    </p> 
                    <p id="errorbox" style="font-size:12px; color:Red">
                        
                    </p>
</form>
                </div>
            </div>
</div> 
<div class="footer" style="padding-top:15px;">
    <div class="footer-inner" id="footerInner" style="color:Black;">
			<div style="text-align:left; padding-left:400px;">
			 	广东省教育厅体育卫生与艺术教育处&nbsp;&nbsp;&nbsp;&nbsp;版权所有<label style="font-size:18px">&copy;</label>2013
			</div>
            <div style="text-align:left; padding-left:400px;margin-top:8px;">
			 	广东教育学会体育卫生专业委员会&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系电话：020-87558865
			</div>
	</div>
</div> 
</body>
</html>
